<?php

/*** begin our session ***/
session_start();

if (!isset($_SESSION['USER_ID']))
  header("Location: index.php");

?>

<table width="100%">
    <tr>    
        <td width="10%" valign="top" align="center">
        <td width="80%" align="center">
            <div class="panel panel-info" style="width:70%;">
                <div class="panel-heading">
                    <h3 class="panel-title" id="titulo">
                        <b>Tabla de Servicios</b>                        
                        <div class="btn-toolbar pull-right">
                            <div class="btn-group">
                                    <a href="#" id="ser_btnAdd" class="btn btn-default btn-xs"><i class="icon-plus"></i></a>
                            </div>
			</div>                        
                </div>
                <div class="panel-body">
                    <table class="table table-hover table-bordered" id="tblServicios">
                        <thead>
                            <tr>
                                <th class="text-left">Nombre</th>
                                <th class="text-right">Fecha Desde</th>
                                <th class="text-right">Fecha Hasta</th>
                                <th class="text-center">Activado</th>
                                <th class="text-center">Acciones</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </td>
        <td width="10%" />
    </tr>
</table>

<div class="modal fade" id="modal-editadd-service" tabindex="-1" role="dialog" aria-labelledby="title-asignar" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="titulo"> </h4>
            </div>
            <div class="modal-body">
                <form id="form-add" class="form-horizontal" role="form" autocomplete="off">
                    <div class="form-group">
                    <!--<div class="control-group">-->
                        <label for="nombre" class="col-sm-3 control-label">Nombre</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="ser_name_add" name="name">
                            <input type="hidden" id="ser_service_id_add">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="paterno" class="col-sm-3 control-label">Fecha Desde</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control validate[required]" id="ser_start_date_active_add" name="start_date_active">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="materno" class="col-sm-3 control-label">Fecha Hasta</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control validate[required]" id="ser_end_date_active_add" name="end_date_active">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="telefono" class="col-sm-3 control-label">Activado</label>
                        <div class="col-sm-8">
                            <input type="checkbox" id="ser_status_add" name="status">                            
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" id="ser_btn_aceptar" class="btn btn-success">Aceptar</button>
                <button type="button" id="ser_btn_cancelar" class="btn btn-danger">Cancelar</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<a id="DATA" data-id="" data-option=""></a>

<div class="modal fade" id="modal-confirmation-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <a href="#" class="close">&times;</a>
                <h3>Borrar Servicio...</h3>
            </div>
            <div class="modal-body center-block">
                <p id="ser_msg_str"></p>
            </div>
            <div class="modal-footer">
                <a href="#" id="ser_del_service" class="btn btn-danger">S&iacute;</a>
                <a href="#" data-dismiss="modal" class="btn btn-default">No</a>
            </div>
        </div>
    </div> 
</div>

<script src="dist/bootstrapValidator/dist/js/bootstrapValidatorCustom.min.js"></script>
<script src="dist/js/bootstrap-datepicker.js"></script>
<script src="js/appServices.js"></script>